<template>
  <div>
    <h2>子组件</h2>
    <p>这个是子组件:{{ value }}</p>
    <button @click="hClick">num+1</button>
  </div>
</template>
<script>
export default {
  // 接收父组件传过来的值 value
  props: {
    value: {
      type: Number,
      required: true
    }
  },
  methods: {
    // 父组件穿过来的内容不能直接进行修改
    // 通过子传父进行修改
    hClick() {
      this.$emit('input', this.value + 1)
    }
  }
}
</script>
